﻿<!DOCTYPE html>
<html lang="en">

<head>
  <base href="__ROOT__">
   
    <meta charset="UTF-8">
    <title>{$v.name} 的分享</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    		<link rel="stylesheet" type="text/css" href="/public/webapp/css/s_base.css" />
		<link rel="stylesheet" type="text/css" href="/public/webapp/css/s_style.css" />
		<link rel="stylesheet" type="text/css" href="/public/webapp/css/mall.css">
		<script type="text/javascript" src="/public/webapp/js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="/public/webapp/js/common.js"></script>
   <script type="text/javascript" src="/public/webapp/js/template.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        html,
        body,.con {
            width: 100%;
            height: 100%;
        }
        
        .con {
            position: relative;
        }
        .con>img{display: block;
        width: 100%;}
        .imgg {
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 19%;
            padding: 8px;
            margin: 0 auto;
            background-color: rgba(255,255,255,0.15);
            height: 71px;
        }
        
        .imgg img {
            display: block;
            width: 100%;
            height: 100%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }
        
        .user {
            width: 100%;
            position: absolute;
            top: 12%;
            text-align: center;
        }
        .user span{
            font-family: "微软雅黑";
            line-height: 1.8;
            font-size: 18px;
            color: #fff;
        }
        .rent_content,.danyan_content{
            background-color: #fff;
            padding: 15px 10px;
            margin-bottom: 10px;
        }
    </style>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    	<script src="/public/webapp/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>

    <script>
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: 'wx7440c4b3bc2b9002', // 必填，公众号的唯一标识
            timestamp: '<?php echo $time ?>',
            nonceStr:  '<?php echo $noncestr ?>',
            signature: '<?php echo $signature ?>',
            jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage']
        });
        wx.ready(function(){
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            //分享到朋友圈
            wx.onMenuShareTimeline({
                title: '我的主页', // 分享标题
                link: '<?php echo $url ?>'+'&openid='+'<?php echo $openid ?>', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://www.caizhanzhushou.com/data/upload/default/20170815/5992871c9dc5a.jpg', // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            //分享给朋友
            wx.onMenuShareAppMessage({
                title:'我的主页', // 分享标题
                desc: '我正在小鸟找房转介平台搞事情，快来！',// 分享描述
                link: '<?php echo $url ?>'+'&openid='+'<?php echo $openid ?>', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://www.caizhanzhushou.com/data/upload/default/20170815/5992871c9dc5a.jpg', // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
        });
        wx.error(function(res){
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        });

    </script>
    <style>
        .title{
            font-size: 20px;
            background-color: #fff;
            padding: 15px;
            line-height: 20px;
            border-bottom: 1px solid #ccc;
        }
        .title a{
            float: right;
            font-size: 15px;
        }
        .house_cell, .company_cell{
            margin-top: 0;
        }
        .header img {
        display: block;
        width: 100%;
        position: relative;
        }
        .usimg .imgg{float: left;}
        .usimg .text{padding: 15px 0;}
    </style>
</head>
<body>
<div class="header">
   <div class="usimg">
       <div class="imgg"><img src="/public/webapp/img/组6@2x.png" alt=""></div><div  class="text"><p>name</p><p>phone</p></div>
   </div>
    <img src="/public/xiaoniao/img/组11@2x.png">
</div>
 <div class="title"><i></i>我的发布 <!--<a href="##">更多></a>--></div>
  <div class="rent_content"></div>
  <div class="title"><i></i>我的代言<!-- <a href="##">更多></a>--></div>
  <div class="danyan_content">
      <div class="tab-content" style="display: block; padding-bottom: 1vh;">
			            	<!--<h4>商城</h4>-->
			            	<a href="/index.php?g=Wechat&amp;m=Webapp&amp;a=lock">
			            		</a><div class="mall_top clearfix"><a href="/index.php?g=Wechat&amp;m=Webapp&amp;a=lock">
									<img src="/public/webapp/img/组6@2x.png" class="left">
									</a><div class="right"><a href="/index.php?g=Wechat&amp;m=Webapp&amp;a=lock">
										<b class="right_text" style="font-size: 16px;">曼申指纹智能锁</b>
										<p class="right_text small_text">指纹 / 密码 / 刷卡 / 钥匙</p>
										<p class="right_text" style="padding-top: 3px;">
											<span class="price small_text"><b class="price_num">3180</b> 元</span>
											<span class="small_text">(京东/天猫:3480元)</span>
										</p>
										</a><a class="right_text link">(京东/天猫搜索"曼申"查看价格)</a>
									</div>
								</div>
			            	
			            </div>
  </div>
   <div class="con">
   <img src="__ROOT__/public/webapp/img/fx.png" alt="">
    
    <div class="user">
        <div class="imgg">
            <img src="{$v.headimg}" alt="">
        </div>
        <span>{$v.name}</span>
    </div>
    <div style="position: absolute;left: 32%;top: 72%;">
        <img src="{$erwei}" style="width: 36vw;height: 22.5vh;" alt="">
    </div></div>
    <script type="text/html" id="mob1">
     {{ if(!!data){ }}
     {{ for(var i=0;i<(data.length>3?3:data.length);i++){ }}
      <div class="house_cell">
       {{ var list=data[i]; }}
        <div class="cell_main clearfix">
            <a class="left avatar_wrap" href="/index.php?g=Wechat&m=webta&a=index&openid={{=list.openid}}">
                <img src="{{=list.headimg}}" class="avatar">
                <p>{{=list.name}}</p>
            </a>
            <a class="right right_info" href="/index.php?g=Wechat&m=webcont&a={{=root}}&id={{=list.id}}">
                <div class="right_top">
                    <span>{{=new Date(list.time*1000).Format("MM-dd hh:mm:ss")}}</span>
<!--                    <span class="time">10:00</span>-->
                    <span class="right">
                <i class="iconfont icon-liulan"></i>
                <span>{{=list.read}}次</span>
                    </span>
                </div>
                <div class="right_mid">
                        {{ if(list.quyu!='null'&&typeof list.quyu !='object'){ }}
                    <p>
                        区域:
                        <span>{{=list.quyu}}</span>
                    </p>
                        {{ } }}
                         {{ if(list.type==1){ }}
                          {{ if(list.huxing){ }}
                        {{ if(list.huxing!='null'&&typeof list.huxing !='object'){ }}
                        <p class="spacing"> 
                            户型:
                            <span>{{=list.huxing}}</span>
                        </p>
                        {{ } }}
                        {{ } }}
                        {{ }else if(list.type==2||list.type==3){ }}
                        {{ if(list.zhuangxiu!='null'&&typeof list.zhuangxiu !='object'){ }}
                    <p class="spacing"> 
                        装修:
                        <span>{{=list.zhuangxiu}}</span>
                    </p>
                        {{ } }}
                        {{ } }}
                        
                </div>
                <div class="right_bot">
                       {{ if(list.type!=4){ }}
                        {{ if(list.mianji!='null'&&typeof list.mianji !='object'){ }}
                    <p>
                        面积:
                        <span>{{=list.mianji||"不限"}}</span>
                    </p>
                        {{ } }}
                        {{ } }}
                        
                        {{ if(list.yuezu){ }}
                        {{ if(list.yuezu!='null'&&typeof list.yuezu !='object'){ }}
                    <p class="spacing">
                        月租:
                        <span>{{=list.yuezu}}</span>
                    </p>
                        {{ } }}
                        {{ } }}
                        
                        {{ if(list.jiage){ }}
                        {{ if(list.jiage!='null'&&typeof list.jiage !='object'){ }}
                    <p class="spacing">
                        价格:
                        <span>{{=list.jiage}}</span>
                    </p>
                        {{ } }}
                        {{ } }}
                        
                </div>
            </a>
        </div>
<!--
         {{ if(list.data!="xinfang"){ }}
        <div class="cell_bot" {{ if(getCountDown(list.time)=="已失效"){ }} style="color:#666; {{ } }}">
            {{=getCountDown(list.time)}}
        </div>
        {{ } }}
-->
    </div>
     {{ } }}
     {{ } }}
    </script>    
</body>
<script>
//    var url=document.URL;
//    var ids="openiv=";
//    var start=url.indexOf(ids)+ids.length;
//    var stop=url.length-(28+ids.length+1);
//    var str=url.substring(start,stop);
//    var openiv=str;
    var imgg=document.querySelector(".imgg");
    imgg.style.height=imgg.offsetWidth-(8*2)+"px";
    $.fn.reList=function(mob,url,add){
    var $self=$(this);
    $.ajax({
        type: "post",
        url: url,
        "contentType": "application/x-www-form-urlencoded; charset=utf-8",
        data:{openid:"{$v.openid}"},
        dataType: "json",
        success: function (data ,textStatus, jqXHR)
        {
            if(data.length>0){
            var html=$("#mob"+mob).html(),datas={
                data:data,
                root:add,
            };
            var thtml=template(html,datas);
            $self.html(thtml);
            }else{
               $self.html("<div class='nodata'>暂无匹配数据</div>");     
            }
            
        },
        error:function (XMLHttpRequest, textStatus, errorThrown) {      
        }
     });
};
var url={
    xinfang:"/index.php?g=Wechat&m=Mine&a=fan"
}
 $(".rent_content").reList(1,url.xinfang,"fan");
</script>
</html>